<!-- 
伪类选择器
    - 特定状态（鼠标悬停）、特定位置（第几个、第一个、最后一个）
    - 【:】冒号表示
    - 伪类的种类很多：
        :checked        处于选中状态的
        :disabled       处于禁用状态的
        :focus          获得焦点的
        :target         当前活动的
        :not(选择器)
        :empty
        :read-only
        ...
    
    链接伪类选择器
        a:link      未被访问过
        a:visited   已被访问过
        a:hover     悬停时（鼠标移动到上面时）
        a:active    激活时（按下未弹起时）
    注意：
        1）必须按【LVHA】顺序声明，否则效果会失效。助记：lv包包很hao。
        2）浏览器中链接a是有默认样式的，为了统一，开发时一定要单独声明a样式，而不是依赖浏览器的默认样式。
-->
<style>
    /* 链接：在开发中经常的用法 */
    a {
        color: gray;
        text-decoration: none;
    }
    a:hover {
        color: red;
        text-decoration: underline;
    }
    /* 给获得焦点的元素修改样式 */
    input:focus {
        background-color: cyan;
    }
</style>

<a href="#">测试链接</a>
<a href="http://www.baidu.com">百度链接</a>

<br>

<input type="text">
<input type="text">
<input type="text">